<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>eh documentation</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
	      <link rel="stylesheet" href="../styles/style.css">
    </head>
    <body>

        <div class="navbar navbar-default navbar-fixed-top visible-xs">
            <a href="../" class="navbar-brand">eh documentation</a>
            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
        </div>

        <div class="xs-menu menu" id="mobile-menu">
                <div id="book-search-input" role="search">
    <input type="text" placeholder="Type to search">
</div>
            <compodoc-menu></compodoc-menu>
        </div>

        <div class="container-fluid main">
           <div class="row main">
               <div class="hidden-xs menu">
                   <compodoc-menu mode="normal"></compodoc-menu>
               </div>
               <!-- START CONTENT -->
               <div class="content module">
                   <div class="content-data">



<ol class="breadcrumb">
  <li>Modules</li>
  <li>LayoutModule</li>
</ol>

      <div class="text-center module-graph-container">
          <div id="module-graph-svg">
              <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.40.1 (20161225.0304)
 -->
<!-- Title: dependencies Pages: 1 -->
<svg width="504pt" height="284pt"
 viewBox="0.00 0.00 504.00 284.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 280)">
<title>dependencies</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-280 500,-280 500,4 -4,4"/>
<text text-anchor="start" x="227.0091" y="-42.4" font-family="sans-serif" font-weight="bold" font-size="14.00" fill="#000000">Legend</text>
<polygon fill="#ffffb3" stroke="transparent" points="14,-10 14,-30 34,-30 34,-10 14,-10"/>
<text text-anchor="start" x="37.629" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Declarations</text>
<polygon fill="#8dd3c7" stroke="transparent" points="127,-10 127,-30 147,-30 147,-10 127,-10"/>
<text text-anchor="start" x="150.7251" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Module</text>
<polygon fill="#80b1d3" stroke="transparent" points="213,-10 213,-30 233,-30 233,-10 213,-10"/>
<text text-anchor="start" x="236.7812" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Bootstrap</text>
<polygon fill="#fdb462" stroke="transparent" points="310,-10 310,-30 330,-30 330,-10 310,-10"/>
<text text-anchor="start" x="333.6732" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Providers</text>
<polygon fill="#fb8072" stroke="transparent" points="406,-10 406,-30 426,-30 426,-10 406,-10"/>
<text text-anchor="start" x="429.7258" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Exports</text>
<g id="clust1" class="cluster">
<title>cluster_LayoutModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="70.5,-70 70.5,-268 425.5,-268 425.5,-70 70.5,-70"/>
</g>
<g id="clust2" class="cluster">
<title>cluster_LayoutModule_declarations</title>
<polygon fill="none" stroke="#000000" points="78.5,-78 78.5,-130 417.5,-130 417.5,-78 78.5,-78"/>
</g>
<g id="clust7" class="cluster">
<title>cluster_LayoutModule_exports</title>
<polygon fill="none" stroke="#000000" points="142.5,-208 142.5,-260 364.5,-260 364.5,-208 142.5,-208"/>
</g>
<!-- BComponent -->
<g id="node1" class="node">
<title>BComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="409.6696,-122 319.3304,-122 319.3304,-86 409.6696,-86 409.6696,-122"/>
<text text-anchor="middle" x="364.5" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">BComponent</text>
</g>
<!-- LayoutModule -->
<g id="node4" class="node">
<title>LayoutModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="305.2078,-187 302.2078,-191 281.2078,-191 278.2078,-187 205.7922,-187 205.7922,-151 305.2078,-151 305.2078,-187"/>
<text text-anchor="middle" x="255.5" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">LayoutModule</text>
</g>
<!-- BComponent&#45;&gt;LayoutModule -->
<g id="edge1" class="edge">
<title>BComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M337.875,-122.1061C337.875,-141.3391 337.875,-169 337.875,-169 337.875,-169 315.3182,-169 315.3182,-169"/>
<polygon fill="#000000" stroke="#000000" points="315.3183,-165.5001 305.3182,-169 315.3182,-172.5001 315.3183,-165.5001"/>
</g>
<!-- CComponent -->
<g id="node2" class="node">
<title>CComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="300.6696,-122 210.3304,-122 210.3304,-86 300.6696,-86 300.6696,-122"/>
<text text-anchor="middle" x="255.5" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">CComponent</text>
</g>
<!-- CComponent&#45;&gt;LayoutModule -->
<g id="edge2" class="edge">
<title>CComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M255.5,-122.1061C255.5,-122.1061 255.5,-140.991 255.5,-140.991"/>
<polygon fill="#000000" stroke="#000000" points="252.0001,-140.9909 255.5,-150.991 259.0001,-140.991 252.0001,-140.9909"/>
</g>
<!-- SideComponent -->
<g id="node3" class="node">
<title>SideComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="192.7204,-122 86.2796,-122 86.2796,-86 192.7204,-86 192.7204,-122"/>
<text text-anchor="middle" x="139.5" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">SideComponent</text>
</g>
<!-- SideComponent&#45;&gt;LayoutModule -->
<g id="edge3" class="edge">
<title>SideComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M171.5128,-122.1061C171.5128,-141.3391 171.5128,-169 171.5128,-169 171.5128,-169 195.6736,-169 195.6736,-169"/>
<polygon fill="#000000" stroke="#000000" points="195.6736,-172.5001 205.6736,-169 195.6736,-165.5001 195.6736,-172.5001"/>
</g>
<!-- BComponent  -->
<g id="node5" class="node">
<title>BComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="356.6692,-252 262.3308,-252 262.3308,-216 356.6692,-216 356.6692,-252"/>
<text text-anchor="middle" x="309.5" y="-229.8" font-family="Times,serif" font-size="14.00" fill="#000000">BComponent </text>
</g>
<!-- LayoutModule&#45;&gt;BComponent  -->
<g id="edge4" class="edge">
<title>LayoutModule&#45;&gt;BComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M283.7597,-187.1061C283.7597,-187.1061 283.7597,-205.991 283.7597,-205.991"/>
<polygon fill="#000000" stroke="#000000" points="280.2597,-205.9909 283.7597,-215.991 287.2597,-205.991 280.2597,-205.9909"/>
</g>
<!-- CComponent  -->
<g id="node6" class="node">
<title>CComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="244.6692,-252 150.3308,-252 150.3308,-216 244.6692,-216 244.6692,-252"/>
<text text-anchor="middle" x="197.5" y="-229.8" font-family="Times,serif" font-size="14.00" fill="#000000">CComponent </text>
</g>
<!-- LayoutModule&#45;&gt;CComponent  -->
<g id="edge5" class="edge">
<title>LayoutModule&#45;&gt;CComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M225.2404,-187.1061C225.2404,-187.1061 225.2404,-205.991 225.2404,-205.991"/>
<polygon fill="#000000" stroke="#000000" points="221.7404,-205.9909 225.2404,-215.991 228.7404,-205.991 221.7404,-205.9909"/>
</g>
</g>
</svg>

          </div>
          <i id="fullscreen" class="icon ion-ios-resize module-graph-fullscreen-btn" aria-hidden="true"></i>
          <div class="btn-group">
              <button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
              <button id="reset" class="btn btn-default btn-sm">Reset</button>
              <button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
          </div>
      </div>
      <script src="../js/libs/svg-pan-zoom.min.js"></script>
      <script src="../js/svg-pan-zoom.controls.js"></script>

<ul class="nav nav-tabs" role="tablist">
        <li class="active">
            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
        </li>
        <li >
            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
        </li>
</ul>

<div class="tab-content">
    <div class="tab-pane fade active in" id="c-info">

        <p class="comment">
            <h3>File</h3>
        </p>
        <p class="comment">
            <code>src/app/layout/layout.module.ts</code>
        </p>


        

        <div class="container-fluid module">
            <div class="row">
                <div class="col-sm-3">
                    <h3>Declarations<a href="https://angular.io/api/core/NgModule#declarations" target="_blank" title="Official documentation about module declarations"><span class="icon ion-ios-information-circle-outline"></span></a></h3>
                    <ul class="list-group">
                            <li class="list-group-item">
                                <a href="../components/BComponent.html">BComponent</a>
                            </li>
                            <li class="list-group-item">
                                <a href="../components/CComponent.html">CComponent</a>
                            </li>
                            <li class="list-group-item">
                                <a href="../components/SideComponent.html">SideComponent</a>
                            </li>
                    </ul>
                </div>
                <div class="col-sm-3">
                    <h3>Exports<a href="https://angular.io/api/core/NgModule#exports" target="_blank" title="Official documentation about module exports"><span class="icon ion-ios-information-circle-outline"></a></h3>
                    <ul class="list-group">
                            <li class="list-group-item">
                                    <a href="../components/BComponent.html" >BComponent</a>
                            </li>
                            <li class="list-group-item">
                                    <a href="../components/CComponent.html" >CComponent</a>
                            </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div class="tab-pane fade  tab-source-code" id="c-source">
        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { NgModule } from &#x27;@angular/core&#x27;;
import { CommonModule } from &#x27;@angular/common&#x27;;
import { CComponent } from &#x27;./c/c.component&#x27;;
import { BComponent } from &#x27;./b/b.component&#x27;;
import { RouterModule, Routes } from &#x27;@angular/router&#x27;;
import { NgZorroAntdModule, NZ_I18N, en_US } from &#x27;ng-zorro-antd&#x27;;
import {
  MatInputModule,
  MatPaginatorModule,
  MatProgressSpinnerModule,
  MatSortModule,
  MatTableModule,
  MatIconModule,
  MatButtonModule,
  MatCardModule,
  MatToolbarModule,
  MatFormFieldModule,
  MatProgressBarModule,
} from &#x27;@angular/material&#x27;;
import { SideComponent } from &#x27;./side/side.component&#x27;;

const appRoutes: Routes &#x3D; [];

@NgModule({
  imports: [
    CommonModule,
    RouterModule.forRoot(appRoutes, { useHash: true }),
    MatInputModule,
    MatPaginatorModule,
    MatProgressSpinnerModule,
    MatSortModule,
    MatTableModule,
    MatIconModule,
    MatButtonModule,
    MatCardModule,
    MatToolbarModule,
    MatFormFieldModule,
    MatProgressBarModule,
    NgZorroAntdModule,
  ],
  providers: [{ provide: NZ_I18N, useValue: en_US }],
  exports: [CComponent, BComponent],
  declarations: [CComponent, BComponent, SideComponent],
})
export class LayoutModule {}
</code></pre>
    </div>
</div>















                   </div><div class="search-results">
    <div class="has-results">
        <h1 class="search-results-title"><span class='search-results-count'></span> result-matching "<span class='search-query'></span>"</h1>
        <ul class="search-results-list"></ul>
    </div>
    <div class="no-results">
        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
    </div>
</div>
</div>
               <!-- END CONTENT -->
           </div>
       </div>

       <script>
            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
            var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
            var COMPODOC_CURRENT_PAGE_URL = 'LayoutModule.html';
       </script>

       <script src="../js/libs/custom-elements.min.js"></script>
       <script src="../js/libs/lit-html.js"></script>
       <script src="../js/menu-wc.js"></script>

       <script src="../js/libs/bootstrap-native.js"></script>

       <script src="../js/libs/es6-shim.min.js"></script>
       <script src="../js/libs/EventDispatcher.js"></script>
       <script src="../js/libs/promise.min.js"></script>
       <script src="../js/libs/zepto.min.js"></script>

       <script src="../js/compodoc.js"></script>

       <script src="../js/tabs.js"></script>
       <script src="../js/menu.js"></script>
       <script src="../js/libs/clipboard.min.js"></script>
       <script src="../js/libs/prism.js"></script>
       <script src="../js/sourceCode.js"></script>
          <script src="../js/search/search.js"></script>
          <script src="../js/search/lunr.min.js"></script>
          <script src="../js/search/search-lunr.js"></script>
          <script src="../js/search/search_index.js"></script>
       <script src="../js/lazy-load-graphs.js"></script>


    </body>
</html>
